<template>
  <view @click.stop>
    <u-popup v-model="localShow" mode="center" border-radius="35" length="75%" z-index="" @close="closePopup">
      <view class="h-[5rem] bg-center bg-cover bg-no-repeat" style="background-image: url('/static/dddr97.png')"></view>
      <view class="flex flex-col gap-3 justify-center items-center p-5">
        <view class="text-[1.125rem] text-[#16191F] font-bold"> 入驻资料审核中 </view>
        <view class="text-center text-[.875rem] text-[#4E5969]">
          预计1~2个工作日内完成审核， <br />
          请耐心等待
        </view>
        <view class="w-[12.75rem] h-[2.5rem] bg-[#00A9AB] rounded-[1.25rem] flex justify-center items-center mt-5" @click="closePopup">
          <view class="text-[.875rem] text-[#FFFFFF] font-medium"> 我知道了 </view>
        </view>
      </view>
    </u-popup>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        localShow: false
      }
    },
    props: {
      show: {
        type: Boolean,
        default: false
      }
    },
    watch: {
      show: {
        handler(newVal) {
          this.localShow = newVal
        },
        immediate: true
      }
    },
    methods: {
      closePopup() {
        this.$emit('update:show', false)
      }
    }
  }
</script>

<style></style>
